<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">
       <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
       <title>无标题文档</title>
       <style type="text/css">
          *{margin:0;padding:0;}
           .layer1{width:100%; height:200px;background:black;color:white;text-align:center;line-height:100px}
               .layer1-1{width:40%; height:200px; background:white;text-align:center;float:left;color:black;background-image:url(1/0.jpg)}  
           .laye1-2{width:60%; height:200px; text-align:center;float:left;color:white} 
           .layer1-3{clear:both;}   

           .layer2{width:100%; height:1200px; background:gray;color:black;}
                      .divw1{width:100%; height:200px; padding:0; margin:10px auto; background:gray;}
  .divn{width:30%; height:40px; padding:0; margin:5px; background:black; float:left; font-size:14pt; text-align:center; line-height:40px;color:white}
  .divw2{width:100%; height:40px; padding:0; margin:10px auto; border:1px solid #f00;background:black;color:white;text-align:center;line-height:40px}
            @media screen and (max-width: 900px){
            .layer2-1{
                width: 100%;
            }
	   .layer2-2{
                width: 100%;
            }
	   .layer2-3{
                width: 100%;
            }
	   .layer2-4{
                width: 100%;
            }
			
         }

<p>font-size: 1.5em;</p>
       </style>
    </head>
 <body>
       <div class="layer1">
 <div class="layer1-1">
   <img src="2/3.jpg" / width="850" height="201"></div>
            <div class="layer1-2"><h3><b>公司简介 主营任务 爆款产品 财务融资 联系我们</b></h3></div>
            <div class="layer1-3"></div>
 </div>
       <div class="layer2"> <img src="2/5.jpg" / width="1920" height="1200">
    </div>    
            <div class="divw1">
    <div class="divn">
      <p>游戏介绍</p>
      <p>版本介绍	<br/>
        英雄介绍  <br/>
        周边服务  <br/>
        故事站  <br/>
      </p>

    </div>
    <div class="divn">王者荣耀问答<br/>
游戏问题  <br/>
装备问题  <br/>
服务问题  <br/>
比赛咨询  <br/>

</div>
    <div class="divn">代打比赛<br/>
段位价格表  <br/>
代打咨询  <br/>
评论  <br/>
代打服务介绍  <br/>

</div>
 <div class="layer1-3"></div>

           
  </div>
 <div class="divw2"><h1><b>服务导航</b><h1></div>

 </body>
 </html>
